<div class="weui-uploader">
    <div class="weui-uploader__hd" style="padding-bottom: 0">
        <h4 class="weui-uploader__title">图片上传</h4>
        <div class="weui-uploader__info">{{getFileCount()}}</div>
    </div>
    <div class="weui-uploader__bd">
        <ul class="weui-uploader__files mb-0">
            <li class="weui-uploader__file" *ngFor="let file of files"
                [style.background-image]="file.fileURL"
                [ngClass]="{'weui-uploader__file_status': !file.isUploaded}"
                (click)="preview(file)">
                <div class="weui-uploader__file-content" *ngIf="file.hasMessage()">
                    <div class="weui-uploader__file-progress"
                         *ngIf="file.isUploading && !file.hasError()">
                      <img width="36" height="36" src="../../../../assets/imgs/uploading.gif">
                    </div>
                    <i class="weui-icon-warn" *ngIf="file.hasError()"></i>
                </div>
            </li>
        </ul>
        <div class="weui-uploader__input-box" *ngIf="upLoaderAble">
            <input #uploadEl class="weui-uploader__input" type="file" accept="image/*" multiple (change)="onSelect($event)" />
        </div>
    </div>
</div>
<app-weui-gallery [image]="image" [canDelete]="true" (delete)="onDelete($event)" (click)="fadeOut()"
                  class="my-image-uploader-gallery"></app-weui-gallery>

<!--<div class="weui-uploader__file-progress"-->
     <!--*ngIf="file.isUploading && file.progress && !file.hasError()">{{file.progress}}%</div>-->
